html,
body {
  margin: 0;
  padding: 0;
}

/* 头部 搜索模块样式 */
.layui-card {
  margin: 14px 8px 0 8px;
}
/* #check {
  display: block;
  display: inline-block;
} */
.layui-card-header {
  padding: 10px 0;
  margin-left: -8px;
}

#search-form {
  display: flex;
  justify-content: flex-start;
  align-content: center;
}

#search-box {
  caret-color: rgb(104, 104, 104);
  width: 260px;
  height: 36px;
  display: flex;
  justify-content: flex-start;
}

#class-btn {
  width: 260px;
  height: 36px;
}

#selectBtn {
  margin-left: -44px;
}

#searchBtn {
  display: flex;
  margin-left: 8px;
  margin-top: 4px;
}

/* 身体工具栏样式 */
.layui-border-blue {
  color: #409EFF;
  background: #ecf5ff;
  border-color: #b3d8ff;
}

.layui-border-blue:hover {
  background: #409EFF;
  border-color: #409EFF;
  color: #FFF;
}

.layui-border-orange {
  color: #E6A23C;
  background: #fdf6ec;
  border-color: #f5dab1;
}

.layui-border-orange:hover {
  background: #E6A23C;
  border-color: #E6A23C;
  color: #FFF;
}

.action-box {
  display: flex;
  justify-content: space-between;
}

.layui-btn-circle {
  /* padding: 0 4px; */
  height: 32px;
  width: 32px;
  border-radius: 50%;
  background: #FFF;
  border: 1px solid #DCDFE6;
  color: #606266;
  text-align: center;
}

/* 编辑删除样式 */
.btn-blue {
  color: #FFF;
  background-color: #409EFF;
  border-color: #409EFF
}

.btn-hotpink {
  color: #FFF;
  background-color: #F56C6C;
  border-color: #F56C6C;
}

.layui-btn .layui-icon {
  margin-left: -10px;
  padding: 8px;
  font-size: 14px;
  vertical-align: middle;
}

.btn-hover:hover {
  background: #fff;
  border-color: #409eff;
  color: #409eff;
}

#pageBox {
  display: flex;
  justify-content: flex-end;
}
/* 折叠表格列弹出层 */
.tanchu {
  /* height: 100px; */
  width: 150px;
  transform-origin: center top;
  z-index: 2024;
  position: absolute;
  top: 46px;
  left: 1097px;
  /* background-color: pink; */
  background: #fff;
  min-width: 150px;
  border-radius: 4px;
  border: 1px solid #ebeef5;
  padding: 12px;
  color: #606266;
  line-height: 1.4;
  text-align: justify;
  font-size: 14px;
  box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
  word-break: break-all;
}

.tanchu li {
  line-height: 28px;
  font-size: 20px;
  color: #409eff;
}

.tanchu li i {
  margin-right: 5px;
}

.tanchu li span {
  padding-left: 10px;
  line-height: 19px;
  font-size: 14px;
}

.ischecked {
  color: #606266;
}

.show {
  display: block;
}



.none {
  display: none;
}

.img-box img {
  width: 150px;
  height: 150px;
}
.img-bigbox{
  display: flex;
}
.img-box {
  margin-left: 20px;
}

/* 状态按钮样式 */
.cell{
  width: 79px;
  height: 32px;
  padding-left: 10px;
  padding-right: 10px;
}
.cell .statustext{
  display: inline-block;
  color: #409eff;
  background-color: #ecf5ff;
  height: 32px;
  padding: 0 10px;
  line-height: 30px;
  font-size: 12px;
  border: 1px solid #d9ecff;
  border-radius: 4px;
  box-sizing: border-box;
}
.layui-form-onswitch {
  border-color: #409eff;
  background-color: #409eff;
}